import React, { Component,useState } from 'react';
import { Link } from "react-router-dom";



class CardList extends Component {
    static propTypes = {

    }

    static defaultProps = {

    }
    constructor(props) {
        super(props)
        this.state = {

        }
    }
    render() {
        let {discus } = this.props
        return (
          <div className="box-wrap-bg">
            <div className="box-wrap">
                <Link to="/post/1">
                    <div className="yt box-mgb">
                        <div className="yt-f1 box-post box-mgr">据比特币交易平台Bitfinex，比特币涨破12500美元/枚，最高至12560美元/枚，24小时涨幅达9.31%。​​​</div>
                        <img src="https://via.placeholder.com/80x80" className="box-img" alt="" />
                    </div>
                </Link>
                <div className="box-meta box-mgb">
                    <span className="">阿斯卡利</span>&nbsp;·&nbsp;<span className="box-mgr">14分钟前</span>
                </div>
                <Meta discus={discus} />
            </div>
            </div>
        )
    }
}

function Meta(props) { 
    return (
        <div className="yt yt-pj box-icons">
            <div className="yt yt-f1  yt-ac"><i className="alifont font12">&#xe607;</i><span className="icon-text">{props.discus}</span></div>
            <div className="yt yt-f1  yt-ac"><i className="alifont font12">&#xe609;</i><span className="icon-text">{props.discus}</span></div>
            <div className="yt yt-f1  yt-ac"><i className="alifont font12">&#xe64f;</i><span className="icon-text">{props.discus}</span></div>
            <div className="yt yt-f1 yt-pe yt-ac"><i className="alifont font12">&#xe637;</i></div>
        </div>
    )
}

export default CardList
